<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
	<head>
		<title>{Guild-Name} - {Title}</title>
		<link type="text/css" rel="stylesheet" media="all" href="./css/style.dynamic.css" />
		<link type="text/css" rel="stylesheet" media="all" href="./css/sidebar.dynamic.css" />
		<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="./js/script.js"></script>{Dependencies}<!-- IF ^User-IsEditor True -->
		<script type="text/javascript">
		$(document).ready(function(){
			$("#RecruitStatus div a").click( function(e){
				e.preventDefault();
				var c = $(this).parent().attr('id').substr(1);
				var s = $(this).index()+1;
				$.ajax({
					url: '?Ajax=UpdateRecruitment&SetRecruit='+c+s,
					type:'GET',
				});
				if( $(this).hasClass('yes') ) $(this).addClass('no').removeClass('yes');
				else $(this).addClass('yes').removeClass('no');
			});
		});
		</script><!-- END ^User-IsEditor -->
	</head>
	<body>
		<div id="PageBG" align="center">
			<div id="Header" align="left">
				<div id="InfoBar" class="DarkGradient">
					<div class="BG">
						{DateTime}
						<div id="InlineLogin">
							<!-- IF User-LoggedIn False -->
							<form action="?doLogin" method="POST">
							User: <input name="username" class="InputText" type="text"/>
							Pass: <input name="password" class="InputText" type="password"/>
							<input class="TextSubmit" type="submit" value="Login" />
							</form>
							<!-- END User-LoggedIn --><!-- IF User-LoggedIn True -->
							Welcome {User-Name} :: <a href="#">Messages</a> ({User-UnreadMessages}), <a href="?Logout">Logout</a>
							<!-- END User-LoggedIn -->
						</div>
					</div>
				</div><!-- IF User-IsEditor True --><b style="float:right;padding:10px;"><!-- IF User-IsAdmin True -->Administrator<!-- END User-IsAdmin --><!-- IF User-IsAdmin False -->Editor<!-- END User-IsAdmin --><br/><a href="?noadmin=1">View as guest</a></b><!-- END User-IsEditor -->
				<h1>{Guild-Name}</h1>
				<h2>{Guild-Region}-{Guild-Realm} [{Guild-Faction-Char}]</h2>
			</div>
			<div id="Page" align="left">
				<div id="Nav" class="DarkGradient">
					<div class="BG">
						<ul>
							<li><a class="NavBtn" href="./">Home</a></li>
							<li><a class="NavBtn" href="./Media">Media</a>
							<div class="NavDDM DDM">
								<div>
								<a href="./Videos">&nbsp;Videos</a>
								<a href="./Gallery">&nbsp;Images</a>
								<a href="./Streams">&nbsp;Streams</a>
								</div>
							</div>
							</li>
							<li><a class="NavBtn" href="./Players">Players</a>
							<div class="NavDDM DDM">
								<a href="./Raiders">&nbsp;Raiders</a>
								<a href="./Roster">&nbsp;Roster</a>
								<a href="./Parses">&nbsp;Parses</a>
							</div>
							</li>
							<li><a class="NavBtn" href="./Recruitment">Recruitment</a>
							<div class="NavDDM DDM">
								<a href="./Apply">&nbsp;Apply</a>
								<a href="./Inquire">&nbsp;Inquire</a>
							</div>
							</li>
							<li><a class="NavBtn" href="./Sales">Sales</a></li>
							<li><a class="NavBtn" href="./Forums">Forums</a></li>
						</ul>
					</div>
				</div>
				<div id="Sidebar">
					<div class="BG">
						<div class="SidebarSection">
							<h3>Recruitment</h3>
							<div id="RecruitStatus"><!-- LOOP Recruitment 0,11 -->
								<div id="s{Class}"><a class="{Spec1}"></a><a class="s2 {Spec2}"></a><a class="s3 {Spec3}"></a><!-- IF Class Druid --><a class="s4 {Spec4}"></a><!-- END Class --></div><!-- END Recruitment -->
							</div>
						</div>
						<div class="SidebarSection">
							<h3>MoP Progress</h3>
							<div id="MistsProgress"><!-- LOOP Progression-Kills 0,16 -->
								<div title="{Name}" class="BossStatus_{Status}"><img src="./img/{Image}"/><i>#{Rank-World}</i></div><!-- END Progression-Kills -->
							</div>
						</div>
						<div class="SidebarSection">
							<h3>Tier14 Rankings <span>(10-man)</span></h3>
							<div id="WPRankings">
								<!-- LOOP Progression-Ranks 0,4 -->
								<b><a href="{Link}">{Lable}</a>:</b><span class="{Quality}">{Value}</span><!-- END Progression-Ranks -->
							</div>
						</div>
						<div class="SidebarSection">
							<h3>Guest Box</h3><div id="GBLoading"></div><img title="Refresh" id="GBRefresh" src="./img/refresh.png"/>
							<div id="GuestBox">
								<div id="GuestBoxFrame">
									<div id="GuestBoxContent"><!-- LOOP GuestBoxMessageList -20,* -->
										<p><span class="GuestName"><!-- IF ^User-IsEditor True --><a href="?GBBanIP={IP}" title="Ban: {IP}"><img src="./img/ban.png" /></a><a href="?GBDel={ID}" title="Delete"><img src="./img/del.png" /></a><!-- END ^User-IsEditor -->[<b title="{Added}">{Name}</b>]:</span> {Message}</p><!-- END GuestBoxMessageList -->
									</div>
								</div>
								<form id="GBForm" action="" method="post" onSubmit="return SubmitGuestbox()">
									&nbsp;Name: <input id="GBName" name="GBName" class="InputText" maxlength="16" type="text" value="{User-Name}" /><br/>
									<input autocomplete="off" name="GBMessage" id="GBMsg" class="InputText" maxlength="128" type="text" />
									<input class="InputSubmit" id="GBPost" type="submit" value="Post" />
									
								</form>
							</div>
						</div>
					</div>
				</div>
				<div id="Content">
					<div class="BG">{Content}</div>
				</div>
				<div id="Footer" class="DarkGradient">
					<div class="BG" valign="middle">
						<p>
							Copyright &copy; 2012 <a href="#">{Guild-Name} Guild</a><br/>
							Best viewed in any JavaScript enabled, standards complaint web browser at 1024x800 or higher.
						</p>
						<p style="float:right"><br/>Created by <a href="#">Elcius</a></p>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>